@import '../scss/animation.scss';
$theme-color: #f7f7f7;
$red-color: rgb(208,2,27);
$title-size: 32rpx;
$name-size: 26rpx;
$num-color: 24rpx;
.mask{
  position: fixed;
  top: 0;
  width:100%;
  height: 100%;
  background:rgba(0,0,0,.5);
  z-index: 98;
}
.comm-model{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  margin: auto;
  width: 560rpx;
  height: 900rpx;
  background-color: #ffffff;
  border-radius: 30rpx;
  padding:0 40rpx;
  box-sizing:border-box;
  animation: zoomIn 500ms;
  .comm-model-title{
    font-size:36rpx;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:black;
    text-align:center;
    padding:40rpx 0 30rpx;
    border-bottom: 2rpx solid #e5e5e5;
  }
  .comm-model-cont{
    padding:40rpx 0 56rpx;
    height:548rpx;
    overflow-y:scroll;
    .comm-model-cont-list{
      font-size:30rpx;
      font-family:PingFangSC-Regular;
      font-weight:400;
      color:rgba(136,136,136,1);
      line-height:42rpx;
      margin-bottom: 30rpx;
    }
  }
  .comm-model-btn{
    width:346rpx;
    line-height:84rpx;
    background:rgba(187,153,75,1);
    box-shadow:0rpx 4rpx 36rpx 0rpx rgba(0,0,0,0.18);
    font-size:32rpx;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
    border-radius: 42rpx;
    text-align: center;
    margin:0 68rpx 0 66rpx;
  }
}